<head>

    <style type="text/css">

        #incomming_chat
        {
        	right: 0;
            top: 60px;
            position:absolute;
            width: 470px;
        }
        
        .done_text{
        	overflow: visible;
            position: relative;
            float: right;
            border: 0;
            padding: 0;
        	margin-top:-31px;
            cursor: pointer;
            height: 31px;
            width: 20px;
            font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
            color: #fff;
            text-transform: uppercase;
            background: #86B520;   
        }
        
        #add_done_text span{
        	display: block;
        	line-height: 200%;
        	border: 1px solid green;
        }
        
        .haid_dialog{
        	display: none !important;
        }
        
        .anti_haid_dialog{
        	display: block !important;
        }

        #all_chat
        {
        	width: 450px;
            margin-top: 15px;
        	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        	font-size: 12px;
        	text-align: center;
        	border-collapse: collapse;
        	border-top: 7px solid #8FC122;
        	border-bottom: 7px solid #8FC122;
        }
        #all_chat th
        {
        	font-size: 13px;
        	font-weight: normal;
        	padding: 8px;
        	background: #F2FBE6;
        	border-right: 1px solid #8FC122;
        	border-left: 1px solid #8FC122;
        	color: #039;
        }
        #all_chat td
        {
        	padding: 8px;
        	background: #F2FBE6; 
        	border-right: 1px solid #8FC122;
        	border-left: 1px solid #8FC122;
        	color: #669;
        }

        
        #mini_chat{        	
        	bottom: 0;
        	position:fixed;
        	width: 100%;
        	       	
        }
        
        .chat_form{
        	width: 255px;
        	height: 250px;
        	padding: 4px;
        	float: left;
        	margin-left: 5px; 
        	background: #BEBEBE;
        	border-radius: 4px;
        	overflow: hidden;
        }
        
        .chat_body{
        	width: 254px;
        	height: 185px;
        	border: 1px solid #BEBEBE;
        	overflow-y: scroll;
        	background: white;
        }
        
        .chat_body span{
        	font-size: 11.5px;
        }
        
        #chat_body_process{
        	display: block;
        	padding: 2px 0;
        }
        
        .chat_enter{
        	width: 232px;
        	margin-top: 5px;
        	height: 25px;
        }
        
        .chat_head{
        	display: block;
        	width: 251px;
        	background: #86B520;
        	padding: 2px;
        	float: left;
        	margin-bottom: 2px;
        }
        
        .chat_head span{
        	display: block;
        	float: left;
        	color: white;
        	margin-top: 2px;
        	cursor: pointer;
        }
        
        .chat_head button{   
        	border: none;     	
	        float: right;
        	background: #86B520;
        	color: white;
        	cursor: pointer;
        }
        #chat_1, #chat_2, #chat_3, #chat_4, #chat_5{
        	display: none;
        }
        
        #chat_2 .chat_head,#chat_2 .chat_head button{
        	background: #E64A45;
        }
        
        #chat_3 .chat_head,#chat_3 .chat_head button{
        	background: #257E78;
        }
        
        #chat_4 .chat_head,#chat_4 .chat_head button{
        	background: #29264E;
        }
        
        #chat_5 .chat_head,#chat_5 .chat_head button{
        	background: #00904B;
        }

    </style>
    
    <script type="text/javascript">
    		var aJaxURL	= "server-side/chat_live/chat.action.php";		//server side folder url
    		var aJaxURL1	= "server-side/call/incomming.action.php";		//server side folder url
    		var tName	= "example";										//table name
    		var fName	= "add-edit-form";									//form name
    		var n = 0;
    		var audio = 0;
    		var stop1 = 0;
    		var stop2 = 0;
    		var stop3 = 0;
    		var stop4 = 0;
    		var stop5 = 0;
    		
    		$(document).ready(function () {
    			GetButtons("add_button", "","");
    			
    			LoadTable();
    			SetEvents("", "", "", tName, fName, aJaxURL1);
    			timer(0);    						    			
    		});

    		$(document).on("click", "#add_button", function () {
    			opendialog('','');
    		});

    		function LoadTable(){
    			/* Table ID, aJaxURL, Action, Colum Number, Custom Request, Hidden Colum, Menu Array */
    			GetDataTable(tName, aJaxURL, "get_list",9, "", 0, "", 1, "desc");
    		}

    		$(document).on("click", ".add-edit-form-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);    			
  			});
    		$(document).on("click", ".add-edit-form1-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add-edit-form2-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add-edit-form3-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add-edit-form4-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add-edit-form5-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
  			});
    		$(document).on("click", ".add_done_text-class", function () {
    			$(this).css('z-index', 9999);
    			$("#mini_chat").css('z-index', 30);
    			$(".add-edit-form-class").css('z-index', 30);
    			$(".add-edit-form1-class").css('z-index', 30);
    			$(".add-edit-form2-class").css('z-index', 30);
    			$(".add-edit-form3-class").css('z-index', 30);
    			$(".add-edit-form4-class").css('z-index', 30);
    			$(".add-edit-form5-class").css('z-index', 30);
    			$(".add_done_text-class").css('z-index', 30);
  			});
  			
    		$(document).on("click", "#mini_chat", function () {
    			$(this).css('z-index', 9999);
    			$(".add-edit-form-class").css('z-index', 30);
    			$(".add-edit-form1-class").css('z-index', 30);
    			$(".add-edit-form2-class").css('z-index', 30);
    			$(".add-edit-form3-class").css('z-index', 30);
    			$(".add-edit-form4-class").css('z-index', 30);
    			$(".add-edit-form5-class").css('z-index', 30);
    			$(".add_done_text-class").css('z-index', 30);
    			
  			});

    		function hidden_dialog(hidd){
    		    if(hidd == 1){
    		    	$( ".add-edit-form1-class" ).removeClass( "haid_dialog" );    		    	
    		    	$( ".add-edit-form1-class" ).addClass( "anti_haid_dialog" );    		    		    	
	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );

	        		$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" ); 
    		    }
    		    if(hidd == 2){
    		    	$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).removeClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).addClass( "anti_haid_dialog" ); 
	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );

	        		$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" );
    		    }
    		    if(hidd == 3){
    		    	$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).removeClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).addClass( "anti_haid_dialog" ); 
	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );

	        		$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" );
    		    }
    		    if(hidd == 4){
    		    	$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).removeClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).addClass( "anti_haid_dialog" ); 
	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );
	        		
	        		$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" );
    		    }
    		    if(hidd == 5){
    		    	$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).removeClass( "haid_dialog" );
	        		$( ".add-edit-form5-class" ).addClass( "anti_haid_dialog" ); 

	        		
	        		$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" );
    		    }
    		}

    		function opendonetext(id){
    			GetDialog("add_done_text", 500, "500", "");
    			$( ".add_done_text-class .ui-dialog-buttonset" ).remove();
    			
    			$( "#add_done_text span" ).click(function() {
    				var text = $(this).text();
        			$("#text_"+id).val(text);
        			id = '';
    			}); 
    		}

    		function opendialog(numchat,color,name,id){
    			
   		    	 $.ajax({
   		            url: aJaxURL1,
   		            type: "POST",
   		            data: "act=get_add_page",
   		            dataType: "json",
   		            success: function (data) {
   		                if (typeof (data.error) != "undefined") {
   		                    if (data.error != "") {
   		                        alert(data.error);
   		                    } else {
   		                        $("#" + fName+numchat).html(data.page);
   		                        if ($.isFunction(window.LoadDialog)) {
   		                            //execute it   		       	
   		                            LoadDialog(fName+numchat);   		                            
      		                        $(".add-edit-form"+numchat+"-class .ui-widget-header").css('background', color);
        		                    $(".add-edit-form"+numchat+"-class #person_name").val(name);
                		        	$(".add-edit-form"+numchat+"-class #source_id").val(2); 
        		                    savedialog(fName+numchat);
            		        		change_info(fName+numchat);
            		        		change_cat(fName+numchat);
            		        		$( ".add-edit-form1-class" ).addClass( "haid_dialog" );
   	   		     	        		$( ".add-edit-form2-class" ).addClass( "haid_dialog" );
   	   		     	        		$( ".add-edit-form3-class" ).addClass( "haid_dialog" );
   	   		     	        		$( ".add-edit-form4-class" ).addClass( "haid_dialog" );
   	   		     	        		$( ".add-edit-form5-class" ).addClass( "haid_dialog" );
   	   	   		     	        	$( ".add-edit-form1-class" ).removeClass( "anti_haid_dialog" ); 
   	    	   	    		    	$( ".add-edit-form2-class" ).removeClass( "anti_haid_dialog" ); 
   	    	   	    		    	$( ".add-edit-form3-class" ).removeClass( "anti_haid_dialog" ); 
   	    	   	    		    	$( ".add-edit-form4-class" ).removeClass( "anti_haid_dialog" );
   	   	    	   	    		    $( ".add-edit-form5-class" ).removeClass( "anti_haid_dialog" ); 
   	   		     	        		if(numchat){
   	   	   		     	        		$( ".add-edit-form"+numchat+"-class" ).removeClass( "haid_dialog" );
   	      	   	   		     	        $( ".add-edit-form"+numchat+"-class" ).addClass( "anti_haid_dialog" );    
   	      	   	   		     	        if($("#id_"+numchat).val() == ''){	       	      	   	   		        
   	       	      	   	   		        $("#chat_"+numchat).show();
   	         	          			    $("#id_"+numchat).val(id);
   	         	      			        $("#name_"+numchat).html(name);
   	   	         	      			    timer(numchat);
   	   	         	      			    checker(numchat,1);
   	      	   	   		     	        }
   	   		     	        		}
   		                        }
   		                    }
   		                }
   		            }
   		        });
   		    
    		}

    		function LoadDialog(fnamenum){

    			/* Dialog Form Selector Name, Buttons Array */
    			GetDialog(fnamenum, 1200, "auto", "chat");
    			$( "#davaleba, #send_mail" ).remove();  			
    						
    			var id = $("#incomming_id").val();
    			var cat_id = $("#category_parent_id").val();
    			$( ".calls" ).button({
    			      icons: {
    			        primary: " ui-icon-contact"
    			      }
    			});
    			$( ".download" ).button({
    			    
    			});
    			
    		}

    		function savedialog(fnamenum){
        		// Add - Save    			
    			$( "."+fnamenum+"-class .ui-dialog-titlebar-close" ).click(function() {
    				$("#"+fnamenum).dialog("close");
        			$( "."+fnamenum+"-class" ).removeClass( "anti_haid_dialog" );
    			});
    			$( "."+fnamenum+"-class #save-dialog" ).click(function() {
        	    	
        	    	$('.'+fnamenum+'-class #save-dialog').attr('disabled','disabled');
        		    param 			= new Object();
    
        		    param.act						= "save_incomming";
    
        	    	param.id_p							= $("#"+fnamenum+" #id").val();
        	    	param.id_h							= $("#"+fnamenum+" #h_id").val();
        	    	param.c_date						= $("#"+fnamenum+" #c_date").val();
        	    	param.phone							= $("#"+fnamenum+" #phone").val();
        	    	param.person_name					= $("#"+fnamenum+" #person_name").val();
        	    	param.type							= $("#"+fnamenum+" input[name='x']:checked").val();
        	    	param.call_vote						= $("#"+fnamenum+" input[name='xx']:checked").val();
        	    	param.results_id					= $("#"+fnamenum+" #results_id").val();
        	    	param.information_category_id		= $("#"+fnamenum+" #information_category_id").val();
        	    	param.information_sub_category_id	= $("#"+fnamenum+" #information_sub_category_id").val();
        	    	param.content_id					= $("#"+fnamenum+" #content_id").val();
        	    	param.product_id					= $("#"+fnamenum+" #product_id").val();
        	    	param.forward_id					= $("#"+fnamenum+" #forward_id").val();
        	    	param.connect						= $("#"+fnamenum+" #connect:checked").val();
        	    	param.results_comment				= $("#"+fnamenum+" #results_comment").val();
        	    	param.content						= $("#"+fnamenum+" #content").val();
        	    	param.task_type_id					= $("#"+fnamenum+" #task_type_id").val();
        	    	param.task_department_id			= $("#"+fnamenum+" #task_department_id").val();
        	    	param.persons_id					= $("#"+fnamenum+" #persons_id").val();
        	    	param.comment						= $("#"+fnamenum+" #comment").val();
        	    	param.source_id						= $("#"+fnamenum+" #source_id").val();
    
        	    	// Personal Info
        	    	param.personal_phone				= $("#"+fnamenum+" #personal_phone").val();
        	    	param.personal_id					= $("#"+fnamenum+" #personal_id").val();
        	    	param.personal_contragent			= $("#"+fnamenum+" #personal_contragent").val();
        	    	param.personal_mail					= $("#"+fnamenum+" #personal_mail").val();
        	    	param.personal_addres				= $("#"+fnamenum+" #personal_addres").val();
        	    	param.personal_status				= $("#"+fnamenum+" #personal_status").val();
        	    	
        		    $.ajax({
        		        url: aJaxURL1,
        			    data: param,
        		        success: function(data) {
        					if(typeof(data.error) != 'undefined'){
        						if(data.error != ''){
        							alert(data.error);
        						}else{
        							LoadTable();
        			        		CloseDialog(fnamenum);
        						}
        					}
        			    }
        		    });
        			
        		});
    		}
    		
    		$(document).on("click", ".add-edit-form-class #save-dialog", function(event) {
    			fnamenum = "add-edit-form";
    	    	$('.add-edit-form-class #save-dialog').attr('disabled','disabled');
    		    param 			= new Object();

    		    param.act						= "save_incomming";

    	    	param.id_p							= $("#"+fnamenum+" #id").val();
    	    	param.id_h							= $("#"+fnamenum+" #h_id").val();
    	    	param.c_date						= $("#"+fnamenum+" #c_date").val();
    	    	param.phone							= $("#"+fnamenum+" #phone").val();
    	    	param.person_name					= $("#"+fnamenum+" #person_name").val();
    	    	param.type							= $("#"+fnamenum+" input[name='x']:checked").val();
    	    	param.call_vote						= $("#"+fnamenum+" input[name='xx']:checked").val();
    	    	param.results_id					= $("#"+fnamenum+" #results_id").val();
    	    	param.information_category_id		= $("#"+fnamenum+" #information_category_id").val();
    	    	param.information_sub_category_id	= $("#"+fnamenum+" #information_sub_category_id").val();
    	    	param.content_id					= $("#"+fnamenum+" #content_id").val();
    	    	param.product_id					= $("#"+fnamenum+" #product_id").val();
    	    	param.forward_id					= $("#"+fnamenum+" #forward_id").val();
    	    	param.connect						= $("#"+fnamenum+" #connect:checked").val();
    	    	param.results_comment				= $("#"+fnamenum+" #results_comment").val();
    	    	param.content						= $("#"+fnamenum+" #content").val();
    	    	param.task_type_id					= $("#"+fnamenum+" #task_type_id").val();
    	    	param.task_department_id			= $("#"+fnamenum+" #task_department_id").val();
    	    	param.persons_id					= $("#"+fnamenum+" #persons_id").val();
    	    	param.comment						= $("#"+fnamenum+" #comment").val();
    	    	param.source_id						= $("#"+fnamenum+" #source_id").val();

    	    	// Personal Info
    	    	param.personal_phone				= $("#"+fnamenum+" #personal_phone").val();
    	    	param.personal_id					= $("#"+fnamenum+" #personal_id").val();
    	    	param.personal_contragent			= $("#"+fnamenum+" #personal_contragent").val();
    	    	param.personal_mail					= $("#"+fnamenum+" #personal_mail").val();
    	    	param.personal_addres				= $("#"+fnamenum+" #personal_addres").val();
    	    	param.personal_status				= $("#"+fnamenum+" #personal_status").val();
    	    	
    		    $.ajax({
    		        url: aJaxURL1,
    			    data: param,
    		        success: function(data) {
    					if(typeof(data.error) != 'undefined'){
    						if(data.error != ''){
    							alert(data.error);
    						}else{
    							LoadTable();
    			        		CloseDialog(fnamenum);
    						}
    					}
    			    }
    		    });
    			
    		});

    	    function CloseDialog(fnamenum){
    			$("#"+fnamenum).dialog("close");
    			$( "."+fnamenum+"-class" ).removeClass( "anti_haid_dialog" );
    		}
    		
    	    function change_info(fnamenum){
        	    $(document).on("change", "#"+fnamenum+" #information_category_id",function(){
        		    var information_category_id = $("#"+fnamenum+" #information_category_id").val();
        		    param 			= new Object();
        		    param.act		= "category_change";
        		    param.information_category_id_check		= information_category_id;
         	    	$.ajax({
         		    url: aJaxURL1,
         			data: param,
         		    success: function(data) {
         				if(typeof(data.error) != 'undefined'){
         					if(data.error != ''){
         						alert(data.error);
         					}else{
         						$("#"+fnamenum+" #information_sub_category_id").html(data.cat);
         					}
         				}
         			}
         		    });
                });
    	    }

    	    function change_cat(fnamenum){
        	    
            	$(document).on("change", "#"+fnamenum+" #category_parent_id",function(){
             	 	param 			= new Object();
         		 	param.act		= "sub_category";
         		 	param.cat_id   	= this.value;
         	    	$.ajax({
         		        url: aJaxURL1,
         			    data: param,
         		        success: function(data) {
         					if(typeof(data.error) != 'undefined'){
         						if(data.error != ''){
         							alert(data.error);
         						}else{
         							$("#"+fnamenum+" #category_id").html(data.cat);
         						}
         					}
         			    }
         		    });
                });
    	    }
    		
    		function checker(key,ccc){
        		
    			param 			= new Object();

    			if(key == 0){
        			param.act    = 'checker';
        			
            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
        					$("#incomming_chat").html(data.chat);   
        					timer(0);     					
        			    }
        		    });            		
    			}
    			if(key == 1){
        			param.act    = 'message';
        			param.id     = $("#id_1").val();
        			
            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
        		        	var aa = $("#message_1 #chat_body_process").length;
        					var rr = $(data.message).length;	
        					if(aa != rr){
        						$("#message_1").html(data.message);
        						scroll_bottom('message_1', 1);
        						if(data.whoiam[data.whoiam.length-1] == 1){  
        							if(audio != 1){
            							audio += 1;
            							
            						} stop1 = 2;
        						}else{
        							stop1 = 1;
        						}
        					}
        					$("#message_1").html(data.message);
        					scroll_bottom('message_1', ccc);  
                			if(data.stop == 1){
                    			
                			}else{
                    			if(ccc != 1){
                				timer(1);
                    			}
                			}
        			    }
        		    });
    			}
    			if(key == 2){
        			param.act    = 'message';
        			param.id     = $("#id_2").val();
        			
            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
        		        	var aa = $("#message_2 #chat_body_process").length;
        					var rr = $(data.message).length;	
        					if(aa != rr){
        						$("#message_2").html(data.message);
        						scroll_bottom('message_2', 1);
        						if(data.whoiam[data.whoiam.length-1] == 1){
        							if(audio != 1){
            							audio += 1;
            							
            						} stop2 = 2;
        						}else{
        							stop2 = 1;
        						}
        					}
        					$("#message_2").html(data.message);
        					scroll_bottom('message_2', ccc);
        				    if(data.stop == 1){
                    			
                			}else{
                    			if(ccc != 1){
                				timer(2);
                    			}
                			}
        			    }
        		    });
        		    
    			}
    			if(key == 3){
        			param.act    = 'message';
        			param.id     = $("#id_3").val();
        			
            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
        		        	var aa = $("#message_3 #chat_body_process").length;
        					var rr = $(data.message).length;	
        					if(aa != rr){
        						$("#message_3").html(data.message);
        						scroll_bottom('message_3', 1);
        						if(data.whoiam[data.whoiam.length-1] == 1){
        							if(audio != 1){
            							audio += 1;
            							
            						} stop3 = 2;
        						}else{
        							stop3 = 1;
        						}
        					}
        					$("#message_3").html(data.message);
        					scroll_bottom('message_3', ccc);
        				    if(data.stop == 1){
                    			
                			}else{
                    			if(ccc != 1){
                				timer(3);
                    			}
                			}
        			    }
        		    });
    			}
    			if(key == 4){
        			param.act    = 'message';
        			param.id     = $("#id_4").val();
        			
            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
        		        	var aa = $("#message_4 #chat_body_process").length;
        					var rr = $(data.message).length;	
        					if(aa != rr){
        						$("#message_4").html(data.message);
        						scroll_bottom('message_4', 1);
        						if(data.whoiam[data.whoiam.length-1] == 1){
        							if(audio != 1){
            							audio += 1;
            							
            						} stop4 = 2;
        						}else{
        							stop4 = 1;
        						}
        					}
        					$("#message_4").html(data.message);
        					scroll_bottom('message_4', ccc);
        				    if(data.stop == 1){
                    			
                			}else{
                    			if(ccc != 1){
                				timer(4);
                    			}
                			}
        			    }
        		    });
    			}
    			if(key == 5){
        			param.act    = 'message';
        			param.id     = $("#id_5").val();
        			
            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
        		        	var aa = $("#message_5 #chat_body_process").length;
        					var rr = $(data.message).length;	
        					if(aa != rr){
        						$("#message_5").html(data.message);
        						scroll_bottom('message_5', 1);
        						if(data.whoiam[data.whoiam.length-1] == 1){
            						if(audio != 1){
            							audio += 1;
            							
            						}      stop5 = 2;      			            
        						}else{
        							stop5 = 1;
        						}
        					}
        					$("#message_5").html(data.message);
        					scroll_bottom('message_5', ccc);
        				    if(data.stop == 1){
                    			
                			}else{
                    			if(ccc != 1){
                				timer(5);
                    			}
                			}
        			    }
        		    });
    			}
    			
    			if(audio > 0){
    			    var audios = document.getElementById("sms5");
    				if(stop1 != 2 && stop2 != 2 && stop3 != 2 && stop4 != 2 && stop5 != 2){
					     audios.pause();
      				}else{
      					if (audios.duration > 0 && !audios.paused) {    				   

        				} else {
        					audios.play();
        				}
      				} 
    			}
    		}

    		function timer(key1) {
    			setTimeout(function() {
    				checker(key1);    				
 				}, 1000);
			}

    		$(document).on("click", "#incomming_chat #queue", function () {
    			var nTds = $("td", this);
    			var id = $(nTds[0]).text();
    			var name = $(nTds[2]).text();
    			var queu = $(nTds[3]).text();
    			var chat_1 = $("#id_1").val();
    			var chat_2 = $("#id_2").val();
    			var chat_3 = $("#id_3").val();
    			var chat_4 = $("#id_4").val();
    			var chat_5 = $("#id_5").val();
    			
    			if(chat_1 == ''){
        			if(chat_1 != id && chat_2 != id && chat_3 != id && chat_4 != id && chat_5 != id){
            			if(queu == 1){
            			    $("#id_1").val(id);
            			    $("#name_1").html(name);
            			    timer(1);
            			    checker(1,1);
            			    $("#chat_1").show();
            			    
            			    param 		   = new Object();
            			    param.act      = 'select_chat';
            			    param.up_id    = id;
                			
                    		$.ajax({
                		        url: aJaxURL,
                			    data: param,
                		        success: function(data) {
    
                			    }
                		    });
            			}
        			}
    			}
    			if(chat_2 == ''){
    				if(chat_1 != id && chat_2 != id && chat_3 != id && chat_4 != id && chat_5 != id){
    					if(queu == 2){
        				    $("#id_2").val(id);
        				    $("#name_2").html(name);
        				    timer(2);
        				    checker(2,1);
        				    $("#chat_2").show();
        				    
        				    param 		   = new Object();
            			    param.act      = 'select_chat';
            			    param.up_id    = id;
                			
                    		$.ajax({
                		        url: aJaxURL,
                			    data: param,
                		        success: function(data) {
    
                			    }
                		    });
    					}
    				}
    			}
    			if(chat_3 == ''){
    				if(chat_1 != id && chat_2 != id && chat_3 != id && chat_4 != id && chat_5 != id){
    					if(queu == 3){
        				    $("#id_3").val(id);
        				    $("#name_3").html(name);
        				    timer(3);
        				    checker(3,1);
        				    $("#chat_3").show();
    
        				    param 		   = new Object();
            			    param.act      = 'select_chat';
            			    param.up_id    = id;
                			
                    		$.ajax({
                		        url: aJaxURL,
                			    data: param,
                		        success: function(data) {
    
                			    }
                		    });
    					}
    				}
    			}
    			if(chat_4 == ''){
    				if(chat_1 != id && chat_2 != id && chat_3 != id && chat_4 != id && chat_5 != id){
    					if(queu == 4){
        				    $("#id_4").val(id);
        				    $("#name_4").html(name);
        				    timer(4);
        				    checker(4,1);
        				    $("#chat_4").show();
    
        				    param 		   = new Object();
            			    param.act      = 'select_chat';
            			    param.up_id    = id;
                			
                    		$.ajax({
                		        url: aJaxURL,
                			    data: param,
                		        success: function(data) {
    
                			    }
                		    });
    					}
    				}
    			}
    			if(chat_5 == ''){
    				if(chat_1 != id && chat_2 != id && chat_3 != id && chat_4 != id && chat_5 != id){
    					if(queu == 5){
        				    $("#id_5").val(id);
        				    $("#name_5").html(name);
        				    timer(5);
        				    checker(5,1);
        				    $("#chat_5").show();
    
        				    param 		   = new Object();
            			    param.act      = 'select_chat';
            			    param.up_id    = id;
                			
                    		$.ajax({
                		        url: aJaxURL,
                			    data: param,
                		        success: function(data) {
    
                			    }
                		    });
    					}
    				}
    			}
    			
    		});
    		
    		$(document).on("keydown", "#text_1", function(event) {
            	if (event.keyCode == $.ui.keyCode.ENTER) {
            		var id_1 = $("#id_1").val();
            		var text_1 = $(this).val();
            		param 	= new Object();
            		param.act         = 'user_chat';
        			param.id_add      = id_1;
        			param.text_add    = text_1;

            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
            		        $("#text_1").val('');
            		        checker(1,1);
        			    }
        		    });
            	}
        	});

    		$(document).on("keydown", "#text_2", function(event) {
            	if (event.keyCode == $.ui.keyCode.ENTER) {
            		var id_1 = $("#id_2").val();
            		var text_1 = $(this).val();
            		param 	= new Object();
            		param.act         = 'user_chat';
        			param.id_add      = id_1;
        			param.text_add    = text_1;

            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
            		        $("#text_2").val('');
            		        checker(2,1);
        			    }
        		    });
            	}
        	});

    		$(document).on("keydown", "#text_3", function(event) {
            	if (event.keyCode == $.ui.keyCode.ENTER) {
            		var id_1 = $("#id_3").val();
            		var text_1 = $(this).val();
            		param 	= new Object();
            		param.act         = 'user_chat';
        			param.id_add      = id_1;
        			param.text_add    = text_1;

            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
            		        $("#text_3").val('');
            		        checker(3,1);
        			    }
        		    });
            	}
        	});

    		$(document).on("keydown", "#text_4", function(event) {
            	if (event.keyCode == $.ui.keyCode.ENTER) {
            		var id_1 = $("#id_4").val();
            		var text_1 = $(this).val();
            		param 	= new Object();
            		param.act         = 'user_chat';
        			param.id_add      = id_1;
        			param.text_add    = text_1;

            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
            		        $("#text_4").val('');
            		        checker(4,1);
        			    }
        		    });
            	}
        	});

    		$(document).on("keydown", "#text_5", function(event) {
            	if (event.keyCode == $.ui.keyCode.ENTER) {
            		var id_1 = $("#id_5").val();
            		var text_1 = $(this).val();
            		param 	= new Object();
            		param.act         = 'user_chat';
        			param.id_add      = id_1;
        			param.text_add    = text_1;

            		$.ajax({
        		        url: aJaxURL,
        			    data: param,
        		        success: function(data) {
            		        $("#text_5").val('');
            		        checker(5,1);            		        
        			    }
        		    });
            	}
        	});

        	function scroll_bottom(body_id, ccc){

            	if(ccc == 1){
        		var bottom = document.getElementById(body_id);

        		bottom.scrollTop = bottom.scrollHeight;
            	}
        	}  
  			
            function minimize_chat(mini_id){
        		if ( $( "#message_"+mini_id+",#text_"+mini_id ).is( ":hidden" ) ) {
        		    $( "#message_"+mini_id+",#text_"+mini_id ).show();
        		    $("#chat_"+mini_id).height(250);
        		    $("#chat_"+mini_id).css( "margin-top", 0 );        		    
        		  } else {
        			$("#message_"+mini_id+",#text_"+mini_id).hide(); 
        			$("#chat_"+mini_id).height(26);
        			$("#chat_"+mini_id).css( "margin-top", 224 );
        		  }
            }

            function close_chat(close_id){
            	var id = $("#id_"+close_id).val();
            	        		
            	param 	= new Object();
        		param.act         = 'close_chat';
    			param.close_id    = id;

        		$.ajax({
    		        url: aJaxURL,
    			    data: param,
    		        success: function(data) {
    		        	$("#id_"+close_id).val('');
    		        	$("#message_"+close_id).html('');
    		        	$("#name_"+close_id).html('');
    		        	$("#chat_"+close_id).hide();
    		        	$( ".add-edit-form"+close_id+"-class" ).removeClass( "anti_haid_dialog" );
    		        	$( ".add-edit-form"+close_id+"-class" ).addClass( "haid_dialog" );    		        	
    			    }
    		    });
            }

            function play(id,chat_num){                

            }
            
            function play1(){
                var audio = document.getElementById("audio1");
                audio.play();
            }
    
    </script>
</head>

<body>
    <table style="width: 800px; margin: 0 0 0 50px; padding-top:50px; display: block;">
    		<tr>
    			<td>
                	<h2 align="center">შემომავალი ჩათი</h2>
                	<div id="button_area">
            			<button id="add_button">დამატება</button>
            		</div>
                    <table class="display" id="example">
                        <thead>
                            <tr id="datatable_header">
                                <th>ID</th>
                                <th style="width: 30%;" >№</th>
                                <th style="width: 70%;">თარიღი</th>
                                <th style="width: 100%;">კატეგორია</th>
                                <th style="width: 60%;">სახელი</th>
                                <th style="width: 100%;">შინაარსი</th>
                            </tr>
                        </thead>
                        <thead>
                            <tr class="search_header">
                                <th class="colum_hidden">
                                	<input type="text" name="search_id" value="ფილტრი" class="search_init" style=""/>
                                </th>
                                <th>
                                	<input style="width: 30px;" type="text" name="search_number" value="" class="search_init" style=""></th>
                                <th>
                                    <input type="text" name="search_date" value="ფილტრი" class="search_init" style="width: 100px;"/>
                                </th>                            
                                <th>
                                    <input type="text" name="search_category" value="ფილტრი" class="search_init" style="width: 80px;" />
                                </th>
                                <th>
                                    <input type="text" name="search_phone" value="ფილტრი" class="search_init" style="width: 90px;"/>
                                </th>
                                <th>
                                    <input type="text" name="search_category" value="ფილტრი" class="search_init" style="width: 90px;" />
                                </th>
                                
                            </tr>
                        </thead>
                    </table>
                </td>    		
    	   </tr>
    </table>

        <div id="incomming_chat">
        
        </div>
        
        <div id="mini_chat">
        
                    <div id="chat_1" class="chat_form">
                        <input type="text" value="" id="id_1" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(1)"><span id="name_1" onclick="minimize_chat(1)"></span> <button onclick="close_chat(1)">x</button> </span>
                        <div id="message_1" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_1" placeholder="შეიყვანეთ ტექსტი" >
                        <button id="done_text" onclick="opendonetext(1)" class="done_text">^</button>
                    </div>

                    <div id="chat_2" class="chat_form" >
                        <input type="text" value="" id="id_2" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(2)"><span id="name_2" onclick="minimize_chat(2)"></span> <button onclick="close_chat(2)">x</button> </span>
                        <div id="message_2" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_2" placeholder="შეიყვანეთ ტექსტი"   >
                        <button id="done_text" onclick="opendonetext(2)" class="done_text">^</button>
                    </div>

                    <div id="chat_3" class="chat_form" >
                        <input type="text" value="" id="id_3" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(3)"><span id="name_3" onclick="minimize_chat(3)"></span> <button onclick="close_chat(3)">x</button> </span>
                        <div id="message_3" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_3" placeholder="შეიყვანეთ ტექსტი"   >
                        <button id="done_text" onclick="opendonetext(3)" class="done_text">^</button>
                    </div>

                    <div id="chat_4" class="chat_form" >
                        <input type="text" value="" id="id_4" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(4)"><span id="name_4" onclick="minimize_chat(4)"></span> <button onclick="close_chat(4)">x</button> </span>
                        <div id="message_4" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_4" placeholder="შეიყვანეთ ტექსტი"  >
                        <button id="done_text" onclick="opendonetext(4)" class="done_text">^</button>
                    </div>

                    <div id="chat_5" class="chat_form" >
                        <input type="text" value="" id="id_5" style="display: none;"/>
                        <span class="chat_head" onclick="hidden_dialog(5)"><span id="name_5" onclick="minimize_chat(5)"></span> <button onclick="close_chat(5)">x</button> </span>
                        <div id="message_5" class="chat_body" ></div>
                        <input class="chat_enter" type="text" value="" id="text_5" placeholder="შეიყვანეთ ტექსტი"  >
                        <button id="done_text" onclick="opendonetext(5)" class="done_text">^</button>
                    </div>

        </div>
    
    <!-- jQuery Dialog -->
    <div  id="add-edit-form" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form1" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form2" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form3" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form4" class="form-dialog" title="ჩატი">
	</div>
	
	<!-- jQuery Dialog -->
    <div  id="add-edit-form5" class="form-dialog" title="ჩატი">
	</div>
	<audio id="sms1" src="media/swf/1.mp3" ></audio>
	<audio id="sms2" src="media/swf/2.mp3" ></audio>
	<audio id="sms3" src="media/swf/3.mp3" ></audio>
	<audio id="sms4" src="media/swf/4.mp3" ></audio>
	<audio id="sms5" src="media/swf/5.mp3" ></audio>
	<audio id="audio1" src="media/swf/chat_start.mp3" ></audio>
	
	<div id="add_done_text" class="form-dialog" title="მზა შეტყობინებები">
	
	<span>გამარჯობა გისმენთ!</span>
	
    <span>მანიმენის ელ-ფოსტა: support@moneyman.ge</span>
            
    <span>თქვენი სახელი, გვარი</span>
            
    <span>ცხელი ხაზი : 2 47 00 17</span>
            
    <span>გამარჯობა, რით შეგვიძლია დაგეხმაროთ?</span>
            
    <span>დამელოდეთ , გადავამოწმებთ ინფორმაციას !</span>
            
    <span>მანიმენის ვებ–გვერდზე MoneyMan.ge უნდა გაიაროთ რეგისტრაცია და შეავსოთ განაცხადი სესხის მიღებაზე</span>
            
    <span>გ ა დ ა ვ ა დ ე ბ ა : პირად კაბინეტში ჯერ უნდა გაკეთდეს განაცხადი გადავადებაზე და შემდეგ გადაიხადოთ გადავადების საფასური / შედიხართ ღია სესხში, ვადის დამატებითი გადაცილება, გამოყენება–ზე დააკლიკებთ, შემდეგ მიუთითებთ რამდენი დღით გინდათ ვადის გახანგრძლივება. შესაძლებელია: 7,14,21 და 28 დღით. განაცხადის გაკეთების შემდეგ გადაიხდით გადავადების საფასურს 24 საათის განმავლობაში.</span>
            
    <span>თ ა ნ ხ ი ს გადახდა ( სესხის დაფარვა , გადავადების თანხა ) შესაძლებელია : 1) ნებისმიერი ბანკიდან მანიმენის ანგარიშზე 2) სწრაფი ჩარიცხვის აპარატებიდან: თბს ფეის და საქართველოს ექსპრესს ფეის აპარატიდან 3) ონლაინ ინტერნეტბანკიდან 4) საბანკო ბარათით – პირადი კაბინეტიდან.</span>
            
    <span>I სესხი 50 ლარიდან 500 ლარის ოდენობით; II სესხი 50 ლარიდან 700 ლარის ოდენობით; III სესხი 800 ლარი; IV სესხი 900ლარი; V სესხი 1 000 ლარის ოდენობით.</span>
            
    <span>კითხვების შემთხვევაში შეგიძლიათ ასევე დაგვიკავშირდეთ ცხელ ხაზზე 2 47 00 17</span>
            
    <span>ჩამონათვალი ჩამოშალეთ და რომელიც შეესაბამება ის მიუთითეთ</span>
            
    <span>გამარჯობა, რით შემიძლია დაგეხმაროთ?</span>
            
    <span>მომწერეთ თქვენი სახელი გვარი და პირადი ნომერი, გადავამოწმებთ ინფორმაციას!</span>
            
    <span>კიდევ ხომ არ გაქვთ კითხვა?</span>
            
    <span>500 ლარის წინასწარ დამტკიცება ნიშნავს, რომ შეგიძლიათ შებრძანდეთ moneyman.ge-ზე და მოითხოვოთ სესხი 50-500 ლარამდე. საკრედიტო განიხილავს თქვენს განხადებას, დაგიკავშირდებათ ინფორმაციის გადასამოწმებლად და ამის შემდეგ 10-15 წუთში შეიტყობთ საბოლოო პასუხს.</span>
            
    <span>მანიმენის საბანკო რეკვიზიტები შპს „ონლაინ ფაინენს“ თიბისი ბანკის ანგარიშის ნომერი: GE20 TB73 7293 6080 1000 04</span>
            
    <span>აქ ბრძანდებით?</span>
            
    <span>განაცხადი უნდა შეივსოს ქართული შრიფტით,კოპირების გარეშე</span>
            
    <span>დოკუმენტის ნომერი გახლავთ,პირადობაზე სურათის ქვემოთ მითითებული ნომერი</span>
            
    <span>ნებისმიერი მონაცემის შეცვლისას, როდესაც თქვენ ვერ ცვლით მონაცემებს შეგიძლიათ გადმოგვიგზავნოთ დასკანერებული პირადობა (ან გადაუღოთ კარგი ხარისხის ფოტო სურათი) და მიუთითოთ ინფორმაცია რომლის შეცვლაც გსურთ. შეტყობინება უნდა გადმოაგზავნოთ support@moneyman.ge-მისამართზე</span>
            
    <span>გადაუწყვეტელია თქვენი სესხის სტატუსი, საკრედიტო განყოფილება მუშაობას განაახლებს ორშაბათს და სესხებიც შესაბამისად ორშაბათიდან განიხილება.</span>
            
    <span>ქართული შრიფტით შეავსეთ განაცხადი</span>
	
	</div>
</body>